<!DOCTYPE html>
<html>
<title>Tunnel of Light</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css.css">
<style>
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
</style>
<body>
<div class="centered">
  <img class="mySlides" src="Frames/001.jpg" style="width:130%">
  <img class="mySlides" src="Frames/002.jpg" style="width:130%">
  <img class="mySlides" src="Frames/003.jpg" style="width:130%">
  <img class="mySlides" src="Frames/004.jpg" style="width:130%">
  <img class="mySlides" src="Frames/005.jpg" style="width:130%">
  <img class="mySlides" src="Frames/006.jpg" style="width:130%">
  <img class="mySlides" src="Frames/007.jpg" style="width:130%">
  <img class="mySlides" src="Frames/008.jpg" style="width:130%">
  <img class="mySlides" src="Frames/009.jpg" style="width:130%">
  <img class="mySlides" src="Frames/010.jpg" style="width:130%">
  <img class="mySlides" src="Frames/011.jpg" style="width:130%">
  <img class="mySlides" src="Frames/012.jpg" style="width:130%">
  <img class="mySlides" src="Frames/013.jpg" style="width:130%">
  <img class="mySlides" src="Frames/014.jpg" style="width:130%">
  <img class="mySlides" src="Frames/015.jpg" style="width:130%">
  <img class="mySlides" src="Frames/016.jpg" style="width:130%">
  <img class="mySlides" src="Frames/017.jpg" style="width:130%">
  <img class="mySlides" src="Frames/018.jpg" style="width:130%">
  <img class="mySlides" src="Frames/019.jpg" style="width:130%">
  <img class="mySlides" src="Frames/020.jpg" style="width:130%">
  <img class="mySlides" src="Frames/021.jpg" style="width:130%">
  <img class="mySlides" src="Frames/022.jpg" style="width:130%">
  <img class="mySlides" src="Frames/023.jpg" style="width:130%">
  <img class="mySlides" src="Frames/024.jpg" style="width:130%">
  <img class="mySlides" src="Frames/025.jpg" style="width:130%">
  <img class="mySlides" src="Frames/026.jpg" style="width:130%">
  <img class="mySlides" src="Frames/027.jpg" style="width:130%">
  <img class="mySlides" src="Frames/028.jpg" style="width:130%">
  <img class="mySlides" src="Frames/029.jpg" style="width:130%">
  <img class="mySlides" src="Frames/030.jpg" style="width:130%">
  <img class="mySlides" src="Frames/031.jpg" style="width:130%">
  <img class="mySlides" src="Frames/032.jpg" style="width:130%">
  <img class="mySlides" src="Frames/033.jpg" style="width:130%">
  <img class="mySlides" src="Frames/034.jpg" style="width:130%">
  <img class="mySlides" src="Frames/035.jpg" style="width:130%">
  <img class="mySlides" src="Frames/036.jpg" style="width:130%">
  <img class="mySlides" src="Frames/037.jpg" style="width:130%">
  <img class="mySlides" src="Frames/038.jpg" style="width:130%">
  <img class="mySlides" src="Frames/039.jpg" style="width:130%">
  <img class="mySlides" src="Frames/040.jpg" style="width:130%">
  <img class="mySlides" src="Frames/041.jpg" style="width:130%">
  <img class="mySlides" src="Frames/042.jpg" style="width:130%">
  <img class="mySlides" src="Frames/043.jpg" style="width:130%">
  <img class="mySlides" src="Frames/044.jpg" style="width:130%">
  <img class="mySlides" src="Frames/045.jpg" style="width:130%">
  <img class="mySlides" src="Frames/046.jpg" style="width:130%">
  <img class="mySlides" src="Frames/047.jpg" style="width:130%">
  <img class="mySlides" src="Frames/048.jpg" style="width:130%">
  <img class="mySlides" src="Frames/049.jpg" style="width:130%">
  <img class="mySlides" src="Frames/050.jpg" style="width:130%">
  <img class="mySlides" src="Frames/051.jpg" style="width:130%">
  <img class="mySlides" src="Frames/052.jpg" style="width:130%">
  <img class="mySlides" src="Frames/053.jpg" style="width:130%">
  <img class="mySlides" src="Frames/054.jpg" style="width:130%">
  <img class="mySlides" src="Frames/055.jpg" style="width:130%">
  <img class="mySlides" src="Frames/056.jpg" style="width:130%">
  <img class="mySlides" src="Frames/057.jpg" style="width:130%">
  <img class="mySlides" src="Frames/058.jpg" style="width:130%">
  <img class="mySlides" src="Frames/059.jpg" style="width:130%">
  <img class="mySlides" src="Frames/060.jpg" style="width:130%">
  <img class="mySlides" src="Frames/061.jpg" style="width:130%">
  <img class="mySlides" src="Frames/062.jpg" style="width:130%">
<img class="mySlides" src="Frames/063.jpg" style="width:130%">
<img class="mySlides" src="Frames/064.jpg" style="width:130%">
<img class="mySlides" src="Frames/065.jpg" style="width:130%">
<img class="mySlides" src="Frames/066.jpg" style="width:130%">
<img class="mySlides" src="Frames/067.jpg" style="width:130%">
<img class="mySlides" src="Frames/068.jpg" style="width:130%">
<img class="mySlides" src="Frames/069.jpg" style="width:130%">
<img class="mySlides" src="Frames/070.jpg" style="width:130%">
<img class="mySlides" src="Frames/071.jpg" style="width:130%">
<img class="mySlides" src="Frames/072.jpg" style="width:130%">
<img class="mySlides" src="Frames/073.jpg" style="width:130%">
<img class="mySlides" src="Frames/074.jpg" style="width:130%">
<img class="mySlides" src="Frames/075.jpg" style="width:130%">
<img class="mySlides" src="Frames/076.jpg" style="width:130%">
<img class="mySlides" src="Frames/077.jpg" style="width:130%">
<img class="mySlides" src="Frames/078.jpg" style="width:130%">
<img class="mySlides" src="Frames/079.jpg" style="width:130%">
<img class="mySlides" src="Frames/080.jpg" style="width:130%">
<img class="mySlides" src="Frames/081.jpg" style="width:130%">
<img class="mySlides" src="Frames/082.jpg" style="width:130%">
<img class="mySlides" src="Frames/083.jpg" style="width:130%">
<img class="mySlides" src="Frames/084.jpg" style="width:130%">
<img class="mySlides" src="Frames/085.jpg" style="width:130%">
<img class="mySlides" src="Frames/086.jpg" style="width:130%">
<img class="mySlides" src="Frames/087.jpg" style="width:130%">
<img class="mySlides" src="Frames/088.jpg" style="width:130%">
<img class="mySlides" src="Frames/089.jpg" style="width:130%">
<img class="mySlides" src="Frames/090.jpg" style="width:130%">
<img class="mySlides" src="Frames/091.jpg" style="width:130%">
<img class="mySlides" src="Frames/092.jpg" style="width:130%">
<img class="mySlides" src="Frames/093.jpg" style="width:130%">
<img class="mySlides" src="Frames/094.jpg" style="width:130%">
<img class="mySlides" src="Frames/095.jpg" style="width:130%">
<img class="mySlides" src="Frames/096.jpg" style="width:130%">
<img class="mySlides" src="Frames/097.jpg" style="width:130%">
<img class="mySlides" src="Frames/098.jpg" style="width:130%">
<img class="mySlides" src="Frames/099.jpg" style="width:130%">
<img class="mySlides" src="Frames/100.jpg" style="width:130%">
<img class="mySlides" src="Frames/101.jpg" style="width:130%">
<img class="mySlides" src="Frames/102.jpg" style="width:130%">
<img class="mySlides" src="Frames/103.jpg" style="width:130%">
<img class="mySlides" src="Frames/104.jpg" style="width:130%">
<img class="mySlides" src="Frames/105.jpg" style="width:130%">
<img class="mySlides" src="Frames/106.jpg" style="width:130%">
<img class="mySlides" src="Frames/107.jpg" style="width:130%">
<img class="mySlides" src="Frames/108.jpg" style="width:130%">
<img class="mySlides" src="Frames/109.jpg" style="width:130%">
<img class="mySlides" src="Frames/110.jpg" style="width:130%">
<img class="mySlides" src="Frames/111.jpg" style="width:130%">
<img class="mySlides" src="Frames/112.jpg" style="width:130%">
<img class="mySlides" src="Frames/113.jpg" style="width:130%">
<img class="mySlides" src="Frames/114.jpg" style="width:130%">
<img class="mySlides" src="Frames/115.jpg" style="width:130%">
<img class="mySlides" src="Frames/116.jpg" style="width:130%">
<img class="mySlides" src="Frames/117.jpg" style="width:130%">
<img class="mySlides" src="Frames/118.jpg" style="width:130%">
<img class="mySlides" src="Frames/119.jpg" style="width:130%">
<img class="mySlides" src="Frames/120.jpg" style="width:130%">
<img class="mySlides" src="Frames/121.jpg" style="width:130%">
<img class="mySlides" src="Frames/122.jpg" style="width:130%">
<img class="mySlides" src="Frames/123.jpg" style="width:130%">
<img class="mySlides" src="Frames/124.jpg" style="width:130%">
<img class="mySlides" src="Frames/125.jpg" style="width:130%">
<img class="mySlides" src="Frames/126.jpg" style="width:130%">
<img class="mySlides" src="Frames/127.jpg" style="width:130%">
<img class="mySlides" src="Frames/128.jpg" style="width:130%">
<img class="mySlides" src="Frames/129.jpg" style="width:130%">
<img class="mySlides" src="Frames/130.jpg" style="width:130%">
<img class="mySlides" src="Frames/131.jpg" style="width:130%">
<img class="mySlides" src="Frames/132.jpg" style="width:130%">
<img class="mySlides" src="Frames/133.jpg" style="width:130%">
<img class="mySlides" src="Frames/134.jpg" style="width:130%">
<img class="mySlides" src="Frames/135.jpg" style="width:130%">
<img class="mySlides" src="Frames/136.jpg" style="width:130%">
<img class="mySlides" src="Frames/137.jpg" style="width:130%">
<img class="mySlides" src="Frames/138.jpg" style="width:130%">
<img class="mySlides" src="Frames/139.jpg" style="width:130%">
<img class="mySlides" src="Frames/140.jpg" style="width:130%">
<img class="mySlides" src="Frames/141.jpg" style="width:130%">
<img class="mySlides" src="Frames/142.jpg" style="width:130%">
<img class="mySlides" src="Frames/143.jpg" style="width:130%">
<img class="mySlides" src="Frames/144.jpg" style="width:130%">
<img class="mySlides" src="Frames/145.jpg" style="width:130%">
<img class="mySlides" src="Frames/146.jpg" style="width:130%">
<img class="mySlides" src="Frames/147.jpg" style="width:130%">
<img class="mySlides" src="Frames/148.jpg" style="width:130%">
<img class="mySlides" src="Frames/149.jpg" style="width:130%">
<img class="mySlides" src="Frames/150.jpg" style="width:130%">
<img class="mySlides" src="Frames/151.jpg" style="width:130%">
<img class="mySlides" src="Frames/152.jpg" style="width:130%">
<img class="mySlides" src="Frames/153.jpg" style="width:130%">
<img class="mySlides" src="Frames/154.jpg" style="width:130%">
<img class="mySlides" src="Frames/155.jpg" style="width:130%">
<img class="mySlides" src="Frames/156.jpg" style="width:130%">
<img class="mySlides" src="Frames/157.jpg" style="width:130%">
<img class="mySlides" src="Frames/158.jpg" style="width:130%">
<img class="mySlides" src="Frames/159.jpg" style="width:130%">
<img class="mySlides" src="Frames/160.jpg" style="width:130%">
<img class="mySlides" src="Frames/161.jpg" style="width:130%">
<img class="mySlides" src="Frames/162.jpg" style="width:130%">
<img class="mySlides" src="Frames/163.jpg" style="width:130%">
<img class="mySlides" src="Frames/164.jpg" style="width:130%">
<img class="mySlides" src="Frames/165.jpg" style="width:130%">
<img class="mySlides" src="Frames/166.jpg" style="width:130%">
<img class="mySlides" src="Frames/167.jpg" style="width:130%">
<img class="mySlides" src="Frames/168.jpg" style="width:130%">
<img class="mySlides" src="Frames/169.jpg" style="width:130%">
<img class="mySlides" src="Frames/170.jpg" style="width:130%">
<img class="mySlides" src="Frames/171.jpg" style="width:130%">
<img class="mySlides" src="Frames/172.jpg" style="width:130%">
<img class="mySlides" src="Frames/173.jpg" style="width:130%">
<img class="mySlides" src="Frames/174.jpg" style="width:130%">
<img class="mySlides" src="Frames/175.jpg" style="width:130%">
<img class="mySlides" src="Frames/176.jpg" style="width:130%">
<img class="mySlides" src="Frames/177.jpg" style="width:130%">
<img class="mySlides" src="Frames/178.jpg" style="width:130%">
<img class="mySlides" src="Frames/179.jpg" style="width:130%">
<img class="mySlides" src="Frames/180.jpg" style="width:130%">
<img class="mySlides" src="Frames/181.jpg" style="width:130%">
<img class="mySlides" src="Frames/182.jpg" style="width:130%">
<img class="mySlides" src="Frames/183.jpg" style="width:130%">
<img class="mySlides" src="Frames/184.jpg" style="width:130%">
<img class="mySlides" src="Frames/185.jpg" style="width:130%">
<img class="mySlides" src="Frames/186.jpg" style="width:130%">
<img class="mySlides" src="Frames/187.jpg" style="width:130%">
<img class="mySlides" src="Frames/188.jpg" style="width:130%">
<img class="mySlides" src="Frames/189.jpg" style="width:130%">
<img class="mySlides" src="Frames/190.jpg" style="width:130%">
<img class="mySlides" src="Frames/191.jpg" style="width:130%">
<img class="mySlides" src="Frames/192.jpg" style="width:130%">
<img class="mySlides" src="Frames/193.jpg" style="width:130%">
<img class="mySlides" src="Frames/194.jpg" style="width:130%">
<img class="mySlides" src="Frames/195.jpg" style="width:130%">
<img class="mySlides" src="Frames/196.jpg" style="width:130%">
<img class="mySlides" src="Frames/197.jpg" style="width:130%">
<img class="mySlides" src="Frames/198.jpg" style="width:130%">
<img class="mySlides" src="Frames/199.jpg" style="width:130%">
<img class="mySlides" src="Frames/200.jpg" style="width:130%">
<img class="mySlides" src="Frames/201.jpg" style="width:130%">
<img class="mySlides" src="Frames/202.jpg" style="width:130%">
<img class="mySlides" src="Frames/203.jpg" style="width:130%">
<img class="mySlides" src="Frames/204.jpg" style="width:130%">
<img class="mySlides" src="Frames/205.jpg" style="width:130%">
<img class="mySlides" src="Frames/206.jpg" style="width:130%">
<img class="mySlides" src="Frames/207.jpg" style="width:130%">
<img class="mySlides" src="Frames/208.jpg" style="width:130%">
<img class="mySlides" src="Frames/209.jpg" style="width:130%">
<img class="mySlides" src="Frames/210.jpg" style="width:130%">
<img class="mySlides" src="Frames/211.jpg" style="width:130%">
<img class="mySlides" src="Frames/212.jpg" style="width:130%">
<img class="mySlides" src="Frames/213.jpg" style="width:130%">
<img class="mySlides" src="Frames/214.jpg" style="width:130%">
<img class="mySlides" src="Frames/215.jpg" style="width:130%">
<img class="mySlides" src="Frames/216.jpg" style="width:130%">
<img class="mySlides" src="Frames/217.jpg" style="width:130%">
<img class="mySlides" src="Frames/218.jpg" style="width:130%">
<img class="mySlides" src="Frames/219.jpg" style="width:130%">
<img class="mySlides" src="Frames/220.jpg" style="width:130%">
<img class="mySlides" src="Frames/221.jpg" style="width:130%">
<img class="mySlides" src="Frames/222.jpg" style="width:130%">
<img class="mySlides" src="Frames/223.jpg" style="width:130%">
<img class="mySlides" src="Frames/224.jpg" style="width:130%">
<img class="mySlides" src="Frames/225.jpg" style="width:130%">
<img class="mySlides" src="Frames/226.jpg" style="width:130%">
<img class="mySlides" src="Frames/227.jpg" style="width:130%">
<img class="mySlides" src="Frames/228.jpg" style="width:130%">
<img class="mySlides" src="Frames/229.jpg" style="width:130%">
<img class="mySlides" src="Frames/230.jpg" style="width:130%">
<img class="mySlides" src="Frames/231.jpg" style="width:130%">
<img class="mySlides" src="Frames/232.jpg" style="width:130%">
<img class="mySlides" src="Frames/233.jpg" style="width:130%">
<img class="mySlides" src="Frames/234.jpg" style="width:130%">
<img class="mySlides" src="Frames/235.jpg" style="width:130%">


</div>

<script>
var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";  
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    
    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 50); // Change image every 2 seconds
}
</script>

</body>
</html>
